<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<main id="app">
		<p>姓名：{{name}}</p>
		<p>年龄：{{age}}</p>
		<p>性别：{{sex}}</p>
	</main>
</body>
<script src="../vue.min.js"></script>
<script>
	new Vue({
		// el: 选中的dom节点，vue会进行接管，vue内部的数据可以在该节点内部进行渲染
		el: "#app",
		data: {
			name: "Hydra",
			age: 35,
			sex: "男"
		}
	})
</script>
</html>